/*左侧布局修改*/
.j-modal-box.fullscreen.no-title.form-design-style .ant-modal-body, .j-modal-box.fullscreen.no-footer .ant-modal-body{
  padding: 0 !important;
}
.form-designer-container-9136076486841527{
  background: #fff;
  height: 100vh;
}
.form-design-style .content aside{
  box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}
.form-design-style .header{
  background: #ffffff;
  text-align: left;
  padding: 0 20px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  color: #333;
}
.form-design-style .content aside.left ul li{
  background: #f4f6fc;
  border: 1px solid #f4f6fc;
  box-shadow: none;
  color: #043254;
  font-size: 12px;
}
.form-design-style .content aside.left ul li:hover{
  color: #409eff;
  border: 1px dashed #409eff;
  box-shadow: none;
}
.form-design-style .content aside.left .ant-collapse>.ant-collapse-item{
  border-color: #ebeef5;
}
.form-design-style .content aside.left .ant-collapse>.ant-collapse-item>.ant-collapse-content{
  border-top: none;
  padding-bottom: 35px;
  border-color: #ebeef5;
}
.form-design-style .content aside.left .ant-collapse>.ant-collapse-item>.ant-collapse-header{
  background: #fff;
  padding-left: 10px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow{
  left:auto;
  right:10px;
}
.form-design-style .content.show-head {
  margin: 10px;
  height: calc(100% - 56px - 20px);
}
/*中间布局修改*/
.form-design-style .content section{
  box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}
.form-design-style .operating-area{
  border-bottom: 1px solid #ebeef5;
  justify-content: flex-end;
}
.form-design-style .operating-area a{
  color: #409eff;
}
.form-design-style .operating-area a:hover{
  color: #66b1ff;
}
.form-design-style .content section .form-panel .draggable-box {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.form-design-style .content section .form-panel .draggable-box .list-main{
  padding: 12px;
  background: #fff;
}
.form-design-style .content section .form-panel .draggable-box .list-main .drag-move-box,
.form-design-style .content section .form-panel .draggable-box .list-main .batch-box,
.form-design-style .content section .form-panel .draggable-box .list-main .grid-box,
.form-design-style .content section .form-panel .draggable-box .list-main .table-box{
  border: 1px dashed #e2e0e0;
  margin-bottom: 20px;
  overflow: inherit;
}
.form-design-style .content section .form-panel .draggable-box .list-main .drag-move-box:before,
.form-design-style .content section .form-panel .draggable-box .list-main .batch-box.active:before,
.form-design-style .content section .form-panel .draggable-box .list-main .grid-box.active:before,
.form-design-style .content section .form-panel .draggable-box .list-main .table-box.active:before{
  background: transparent;
}
.form-design-style .content section .form-panel .draggable-box .list-main .drag-move-box>.copy,
.form-design-style .content section .form-panel .draggable-box .list-main .drag-move-box>.delete,
.form-design-style .content section .form-panel .draggable-box .list-main .batch-box>.copy,
.form-design-style .content section .form-panel .draggable-box .list-main .grid-box>.copy,
.form-design-style .content section .form-panel .draggable-box .list-main .table-box>.copy,
.form-design-style .content section .form-panel .draggable-box .list-main .batch-box>.delete,
.form-design-style .content section .form-panel .draggable-box .list-main .grid-box>.delete,
.form-design-style .content section .form-panel .draggable-box .list-main .table-box>.delete{
  width: 22px;
  height: 22px;
  line-height: 20px;
  font-size: 12px;
  background: #fff;
  top:-12px;
  border-radius: 20px;
  cursor: pointer;
}
.form-design-style .content section .form-panel .draggable-box .list-main .drag-move-box>.copy,
.form-design-style .content section .form-panel .draggable-box .list-main .batch-box>.copy,
.form-design-style .content section .form-panel .draggable-box .list-main .grid-box>.copy,
.form-design-style .content section .form-panel .draggable-box .list-main .table-box>.copy{
  border: 1px solid #409eff;
  color: #409eff;
}
.form-design-style .content section .form-panel .draggable-box .list-main .drag-move-box>.copy:hover,
.form-design-style .content section .form-panel .draggable-box .list-main .batch-box>.copy:hover,
.form-design-style .content section .form-panel .draggable-box .list-main .grid-box>.copy:hover,
.form-design-style .content section .form-panel .draggable-box .list-main .table-box>.copy:hover{
  background: #409eff;
  color: #fff;
}
.form-design-style .content section .form-panel .draggable-box .list-main .drag-move-box>.delete,
.form-design-style .content section .form-panel .draggable-box .list-main .batch-box>.delete,
.form-design-style .content section .form-panel .draggable-box .list-main .grid-box>.delete,
.form-design-style .content section .form-panel .draggable-box .list-main .table-box>.delete{
  border: 1px solid #f56c6c;
  color: #f56c6c;
}
.form-design-style .content section .form-panel .draggable-box .list-main .drag-move-box>.delete:hover,
.form-design-style .content section .form-panel .draggable-box .list-main .batch-box>.delete:hover,
.form-design-style .content section .form-panel .draggable-box .list-main .grid-box>.delete:hover,
.form-design-style .content section .form-panel .draggable-box .list-main .table-box>.delete:hover{
  background: #f56c6c;
  color: #fff;
}
.form-design-style .content section .form-panel .draggable-box .list-main .drag-move-box.active,
.form-design-style .content section .form-panel .draggable-box .list-main .batch-box.active,
.form-design-style .content section .form-panel .draggable-box .list-main .grid-box.active,
.form-design-style .content section .form-panel .draggable-box .list-main .table-box.active{
  background: #f3f9ff;
  border: 1px dashed #409eff;
}
.form-design-style .content section .form-panel .draggable-box .list-main .drag-move-box:hover,
.form-design-style .content section .form-panel .draggable-box .list-main .batch-box .grid-row:hover,
.form-design-style .content section .form-panel .draggable-box .list-main .batch-box .table-layout:hover,
.form-design-style .content section .form-panel .draggable-box .list-main .grid-box .grid-row:hover,
.form-design-style .content section .form-panel .draggable-box .list-main .grid-box .table-layout:hover,
.form-design-style .content section .form-panel .draggable-box .list-main .table-box .grid-row:hover,
.form-design-style .content section .form-panel .draggable-box .list-main .table-box .table-layout:hover{
  background: #f3f9ff;
}
.ant-form-item-label > label{
  color: #606266;
}
.form-design-style .content section .form-panel .draggable-box .list-main .drag-move-box .show-key-box{
  color: #409eff;
  display: none;
}
/*.form-design-style .content section .form-panel .draggable-box .list-main .drag-move-box .form-item-box .ant-form-item{
    padding-bottom: 10px;
}*/
.form-design-style .content aside.right .form-item-properties .close-box{
  background: #409eff;
}
.ant-divider-horizontal.ant-divider-with-text-left .ant-divider-inner-text,
.ant-divider-horizontal.ant-divider-with-text-right .ant-divider-inner-text,
.ant-card-head-title{
  color: #606266;
  font-size: 14px;
}
.form-design-style .content section .form-panel .draggable-box .list-main .batch-box,
.form-design-style .content section .form-panel .draggable-box .list-main .grid-box,
.form-design-style .content section .form-panel .draggable-box .list-main .table-box{
  padding: 0;
  background: transparent;
  margin-bottom: 20px;
}
.form-design-style .content section .form-panel .draggable-box .list-main .grid-box .ant-col{
  padding: 10px;
}
.form-design-style .content section .form-panel .draggable-box .list-main .batch-box .grid-row,
.form-design-style .content section .form-panel .draggable-box .list-main .batch-box .table-layout,
.form-design-style .content section .form-panel .draggable-box .list-main .grid-box .grid-row,
.form-design-style .content section .form-panel .draggable-box .list-main .grid-box .table-layout,
.form-design-style .content section .form-panel .draggable-box .list-main .table-box .grid-row,
.form-design-style .content section .form-panel .draggable-box .list-main .table-box .table-layout{
  background: transparent;
}
.ant-card-bordered{
  border: none;
}
.form-design-style .content section .form-panel .draggable-box .list-main .grid-box .grid-row .ant-card-body{
  padding: 10px;
}
.form-design-style .content section .form-panel .draggable-box .list-main .grid-box .ant-tabs-bar{
  margin: 0;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane{
  padding: 10px;
}
.form-design-style .content section .form-panel .draggable-box .list-main .drag-move-box .form-item-box .ant-form-item{
  padding: 6px 0;
}
.form-design-style form textarea.ant-input{
  margin-bottom: 0;
}

/*右边布局修改*/
.form-design-style .content aside.right .properties-centent .head-title{
  height: 45px;
  line-height: 45px;
  border-color: #ebeef5;
  border-left:0;
  margin-bottom: 0;
}
.form-design-style .content aside.right .properties-centent .ant-form-item{
  border-color: #ebeef5;
}
.formDesignPage .right-btn-box{
  position: absolute;
  top:6px;
  right: 20px;
}
.formDesignPage .right-btn-box a{
  color: #808080;
}
.formDesignPage .left-btn-box .ant-btn {
  padding:  0 10px;
  margin-left: 10px;
}
.form-design-style .properties-body .ant-form-item>.ant-form-item-label{
  width: auto !important;
}
/*预览弹出框样式调整*/
/*.form-design-preview .ant-form .ant-form-item{
  margin: 10px 0;
}*/
.form-design-preview form textarea.ant-input{
  margin-bottom: 0;
}
/*样式布局问题*/
.form-panel .ant-form-item-label,.form-preview  .ant-form-item-label{
  width: 120px;
  position: absolute;
  top: inherit;
  min-height: 40px;
  display: table;
  padding-right: 10px;
}
.form-panel .ant-form-item-control-wrapper,.form-preview .ant-form-item-control-wrapper{
  width: 100%;
  padding-left: 120px !important;
}
.form-preview .ant-form-item-control-wrapper.item-control-wrapper-all{
  padding-left: 0px !important;
}

.form-preview  .ant-table-fixed .ant-form-item-control-wrapper{
  padding-left: 10px !important;
}
.form-preview  .ant-table-fixed  td .ant-form-item{
  margin-bottom:0 !important;
}
.form-panel .ant-form-item-label label,.form-preview .ant-form-item-label label{
  line-height: 16px;
  white-space: normal;
  display: inline-block;
  vertical-align: middle;
}
.form-preview .ant-table-fixed .ant-calendar-picker{
  min-width: 100px!important;
}
/*预览样式修改*/
.form-preview-build .ant-form-item{
  height: 40px;
}